<script setup lang="ts">
import Tag from './Tag.vue'

const props = defineProps<{ data: Profession }>()
</script>

<template>
    <Tag v-for="tag in data.tags" :data="tag"></Tag>
    <ul>
        <li v-for="skill in data.skills">{{ skill }}</li>
    </ul>
</template>

<style scoped>
ul {
    margin-left: 20px;
    padding: 0;
    line-height: 1.8;
    font-size: 11px;
}
</style>